<template>
<!--  文件夹卡片-->
  <div class="folder">
    <div ref="folderIcon" class="folderIcon">
    </div>
    <div class="folderName">{{name}}</div>
  </div>
</template>

<script>
export default {
  name: "FolderCard",
  props: ['name'],
  mounted(){
    let folderDom = this.$refs.folderIcon.style
    folderDom.backgroundImage = "url(" + require("@/assets/images/folder.png") + ")";
    folderDom.backgroundRepeat = "no-repeat";
    folderDom.backgroundSize = "100% 100%";
  }
}
</script>
